<template>
    <div class="section">
        <div class="line"></div>
        <div class="main">
            <div>{{ title }}</div>
            <slot></slot>
        </div>
        <div class="line"></div>
    </div>
</template>

<script setup lang="js">
defineProps({
    title: {
        require: true
    }
})
</script>
<style scoped lang="scss">
.section {

    .main {
        height: vh(45);
        text-indent: vw(12);
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-family: PingFangSC, PingFang SC;
        font-weight: 600;
        font-size: vw(18);
        color: #BCCBCC;
    }

    .line {
        width: 100%;
        height: vh(2);
        background: linear-gradient(116deg, #457B80 0%, rgba(69, 105, 121, 0) 99%);
    }
}
</style>